<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>考试管理</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/ionicons.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/student-manage.css" />
</head>

<body class="row">

    <!-- left area -->
    <div class="left col-md-2">
        <aside>
            <div class="welcome t-c">
                <strong>抱团取暖在线考试系统</strong>
            </div>
            <ul class="f-16">

                <a href="student-manage" class="side-menu-color">
                    <li>
                        <i class="icon ion-person-stalker f-18 m-r-10"></i> 学员管理
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>
                <a href="subject-manage" class="side-menu-color">
                    <li>
                        <i class="icon ion-navicon-round f-18 m-r-10"></i> 题库管理
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>

                <a href="grade-details" class="side-menu-color">
                    <li>
                        <i class="icon ion-navicon-round f-18 m-r-10"></i> 成绩明细
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>

                <a href="exam-manage" class="side-menu-color">
                    <li>
                        <i class="icon ion-navicon-round f-18 m-r-10"></i> 添加考试
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>
                <a href="exam-grade" class="side-menu-color">
                    <li>
                        <i class="icon ion-navicon-round f-18 m-r-10"></i> 考试成绩
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>
                <a href="check-paper" class="side-menu-color">
                    <li>
                        <i class="icon ion-ios-locked-outline f-18 m-r-10"></i> 试卷批改
                        <span class="icon ion-android-radio-button-off f-r f-13"></span>
                    </li>
                </a>
            </ul>
        </aside>
    </div>
    <!-- left area end -->

    <!-- right area -->
    <div class="right col-md-10 f-r">
        <header>
            <span class="notice-body"><i class="icon ion-alert"></i> 公告：</span><span id="notice">本网站由大帅比陈元书倾情制作!</span>
            <span id="userName" class="m-r-10">欢迎！ <a href="/exam-system/index.html"> 退出</a></span>
        </header>
        <main>
            <div class="heading clearfix">
                <h4 class="f-l">添加考试 <small>考试管理</small></h4>
            </div>
            <div class="m-t-10">
                <button type="button" class="btn btn-default add-manage"><i class="fa fa-plus"></i> 添加考试</button>
                <button type="button" class="btn btn-default" id="deleteAll"><i
                        class="fa fa-trash-o cur-p deleteOne"></i> 删除考试</button>
            </div>

            <!--学员管理界面-->


            <table class="table table-hover m-t-20" id="tableUser">
                <!-- On cells (`td` or `th`) -->
                <thead id="userThead">
                    <tr class="active">
                        <td class="checkbox m-0"><label><input type="checkbox" name="b" id="btn"></label></td>
                        <td>考试编号</td>
                        <td>科目</td>
                        <td>考试时间</td>
                        <td>操作</td>
                    </tr>
                </thead>
                <tbody id="userTbody">


                </tbody>
            </table>

            <div id="zz" class="zz"></div>
            <div id="addUser" class="add-manager">
                <div class="add-manager-header">
                    <span>修改/添加考试信息</span>
                    <input type="button" id="addClose" value="关闭">
                </div>
                <div class="editor-manager">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label for="inputExamId" class="col-sm-3 control-label">考试时长</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="inputExamId">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputExamCourse" class="col-sm-3 control-label">科目</label>
                            <div class="col-sm-8">
                                <select class="form-control" id="inputExamCourse">
                                    <option>ComputerScienceandTechnology</option>
                                    <option>SoftwareEngineering</option>
                                    <option>ArtificialIntelligence</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="inputExamTime" class="col-sm-3 control-label">时间</label>
                            <div class="col-sm-8">
                                <div class="row">

                                    <div class="col-xs-6">
                                        <select class="form-control wide-select month" id="inputExamMonth">
                                            <!-- 填充月份选项 -->
                                        </select>
                                    </div>
                                    <div class="col-xs-6">
                                        <select class="form-control wide-select day" id="inputExamDay">
                                            <!-- 填充日期选项 -->
                                        </select>
                                    </div>
                                    <div class="col-xs-6">
                                        <select class="form-control wide-select hour" id="inputExamHour">
                                            <!-- 填充小时选项 -->
                                        </select>
                                    </div>
                                    <div class="col-xs-6">
                                        <select class="form-control wide-select minute" id="inputExamMinute">

                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group form-button-manager row">
                            <button type="submit" class="btn btn-default col-md-3 col-md-offset-3 m-r-20"
                                id="addExamInform">确定</button>
                            <button type="button" class="btn btn-default col-md-4" id="cancelChange">取消</button>
                        </div>
                    </form>
                </div>
            </div>
        </main>
        <footer>
            <strong class="m-l-20">Copyright © 2024 <a href="https://gitee.com/YIFan-Support-Team">抱团取暖</a>.</strong>
            All rights reserved.
            <!-- right area end -->
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/exam-manage.js"></script>
    <!-- <script type="text/javascript" src="js/member-manage.js"></script> -->
</body>

</html>